CSS verwantschap-selectoren
CSS heeft een aantal manieren om elementen op basis van de verwantschap tussen elementen te selecteren. Je gebruikt deze selectoren om meer specifieke keuze te maken.
Overzicht
|
Selector |
kiest |
naam |
|
A B |
Elk element B die een afstammeling is van element A (namelijk een kind-element, of een kind-element van een kind-element enz.) |
|
|
A > B |
Elk element B dat een kind-element is (namelijk een directe afstammeling) van een A element |
|
|
B:first-child |
Elk element B dan het eerste kind-element is van zijn ouder-element |
|
|
A+ B |
B is het kind-element dat direct komt na het A kind-element van hetzelfde ouder-element |
|
| A ~ B | B zijn alle kinderen die volgen op het A kind element van hetzelfde ouder-element | algemene verwantschapselector |
Je kan deze selectoren combineren om complexe verwantschappen uit te drukken.
2019-04-03 07:49:25